<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>App Download</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>
<!-- BEGIN wrapper -->
<div id="wrapper">
  <!-- BEGIN header -->
  <div id="header">
	<p class="links"><a href="traffichub.jsp">Home</a></p>
	<p class="links"><a href="register.jsp">Free Register</a></p>
	<p class="links"><a href="appdownload.jsp">Free App Download</a></p>
	<p class="links"><a href="aboutruizhu.jsp">About RUI ZHU</a></p>
	<div class="break"></div>
	<div class="logo">
	  <h1><a href="traffichub.jsp">GPS-based Crowd Sourced Intelligent Traffic Information Hub</a></h1>
	</div>
	<div class="break"></div><ol></ol>
  </div>
  <!-- END header -->
  
  <!-- BEGIN sidebar -->
  <div id="sidebar">
    <div class="Login">
		  <form name='form1' action="UserServlet.do?method=download" method="post">
		  <table width="100%" border="0" cellpadding="2" cellspacing="2">
			<tr>
				<td height="30px" width="10px"></td>
   			  	<td width="50" align="left"><h4><font color="#1a54a6">App Free Download</font></h4></td>
			</tr>
			<tr>
				<td height="20px">&nbsp;</td>
			  	<td width="50" align="left"><p><font color="#1a54a6">1. Register an account for free</font></p></td>
			</tr>
			<tr>
				<td height="20px">&nbsp;</td>
			  	<td width="50" align="left"><p><font color="#1a54a6">2. Enable the mobile GPS</font></p></td>
			</tr>
			<tr>
				<td height="20px">&nbsp;</td>
			  	<td width="50" align="left"><p><font color="#1a54a6">3. Login the mobile App</font></p></td>
			</tr>
			<tr>
				<td height="20px">&nbsp;</td>
			  	<td width="50" align="left"><p><font color="#1a54a6">4. Inform traffic jams intelligently</font></p></td>
			</tr>
			<tr>
				<td height="20px">&nbsp;</td>
			  	<td width="50" align="left"><p><font color="#1a54a6">5. Trace your location on the Internet</font></p></td>
			</tr>
			<tr>
				<td height="20px">&nbsp;</td>	  
			  	<td width="106" height="45" align="left"><input class="Btn" type="submit" name="submit" value="Download"/></td>
			  	 
			</tr>
			</table>
		  </form>
    </div>
	<div class="wrapper">
	  <!-- begin tags -->
	  <div class="tags"></div>
	  <!-- end tags -->
	  <!-- BEGIN left -->
	  <div class="l sbar">
	  </div>
	  <!-- END left -->
	  <!-- BEGIN right -->
	  <div class="r sbar">
	  </div>
	  <!-- END right -->
	</div>
  </div>
  <!-- END sidebar -->
  
  <!-- BEGIN content -->
  <div id="content">
	<iframe width=666px height=450px frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
			src="http://www.openstreetmap.org/export/embed.html?bbox=18.0400,59.3111,18.1100,59.339&amp;layer=transportmap" 
			style="border: 0px solid black">
	</iframe>
  </div>
  <!-- END content -->
  <!-- BEGIN footer -->
  <div id="footer">
	<p>RUI ZHU | Division of Geodesy and Geoinformatics | Department of Urban Planning and Environment | Royal Institute of Technology | Sweden</p>
  </div>
  <!-- END footer -->
</div>
<!-- END wrapper -->
</body>
</html>